// pages/test01/test01.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 保存商品列表数据
    arr:[],
    // 保存轮播图列表数据
    swiperArr:[],
    //记录当前页码
    pageNum:1

  },
  getPhoneNumber (e) {
    console.log(e.detail.code)  // 动态令牌
    // 调用服务器提供的，绑定用户手机接口--传入code， 后端就可以向微信的服务器发起请求拿到手机号

   
  },

  setBadge(){
    wx.setTabBarBadge({
      index: 3,
      text: '10'
    })
  },
  uploadHeadFn(){
    // wx的内置的api -- 选中手机相册的图片的
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success (res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        console.log(tempFilePaths);
        //获取图片的本地路径（在微信内部的一个路径）
        let filePath = tempFilePaths[0]
        wx.uploadFile({
          header:{},
          filePath: filePath,//本地的普通路径
          name: 'img',//看接口文档 参数名
          // http://47.94.6.186:3001/apidoc/#api-%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87-UploadImage
          url: 'http://47.94.6.186:3001/api/file/upload',
          success:res=>{
            console.log(res.data);
            let obj = JSON.parse(res.data)
            console.log(obj);
            let imgUrl = 'http://47.94.6.186:3001/'+obj.fileUrl
            console.log(imgUrl);
          }
        })

      }
    })
  },
  goDetail(evt){
    //页面跳转--- 跳转后面-上个页面，还在内存中。 这个内存叫页面栈
    wx.navigateTo({
      url: '/pages/detail/detail?id='+evt.currentTarget.dataset.id,
    
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log('页面加载完毕');
    this.loadPageData(function(){
      console.log('请求成功了');
    })

    this.loadSwiperData()
  },
  /* 
    轮播图的数据请求
  */
  loadSwiperData(){
      // 看接口文档  http://47.94.6.186:3001/apidoc/
      wx.request({
        url: 'http://47.94.6.186:3001/api/banner/list',
        method:'GET',
        success:res=>{
          console.log(res.data);
          res.data.data 
          this.setData({
            swiperArr:res.data.data
          })
        }
      })
  },



  loadPageData(callback){

    wx.request({
      url: 'http://47.94.6.186:3001/api/pro/list',
      method:'GET',
      header:{
        'content-type':'application/json',
        // token:'token'
      },
      // get请求，data会自动转为搜索参数
      data:{
        count:this.data.pageNum,
        limitNum:10
      },
      success:res=>{
        //成功的回调
        // res.data 就是就是服务器返回数据
        console.log(res.data);
        this.setData({
          //合并了数组--
          // arr:[...this.data.arr,...res.data.data]
          arr:this.data.arr.concat(res.data.data)
          
        })

        // callback--监听 loadPageData中 列表请求成功
        if(callback){
          callback()
        }
      },
      fail:err=>{
        console.log(err);
      }

    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    console.log('onReady');
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log('页面展示--onShow');
    // 如果页面-已经存在于页面栈中了，每次进入这个页面都希望数据会更新- ajax请求可以放到这里
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    console.log('页面隐藏或者进入后台');
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    console.log('页面被卸载了');
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log('监听用户下拉动作');
    // 发起一个ajax请求-- 请求完成了  更新页面，结束刷新
    // setTimeout(()=>{
    //   console.log('请求成功了');
    //   //结束下滑刷新动画
    //   wx.stopPullDownRefresh()
    // },2000)

    // 重新请求第一页的数据
    //数组置空
    this.data.arr = []
    // 页码改为1
    this.data.pageNum = 1
    // 重新请求第一页的数据---请求成功，结束下拉刷新
    this.loadPageData(function(){
      console.log('下拉刷新请求成功了-结束了了下拉刷新')
      wx.stopPullDownRefresh()
    })
    

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log('滚动到底部');
    // 请求下一页的数据，添加到arr中 更新页面
    // 页码增加1--得到下一页的页码
    this.data.pageNum++
    console.log(this.data.pageNum);
    //请求下一页的数据
    this.loadPageData()



  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})